<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020/9/11
  Time: 13:02
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head>
    <title>登录界面</title>
    <!--使用Bootstrap-->
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <!--引入js-->
    <script src="js/jquery-3.3.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
  </head>

  <style>

    /*标题样式*/
    h2{
      text-align: center;/*居中*/
    }
    /*表格样式*/
    div{
      text-align:center;/*居中*/
    }
  </style>
  <body>
  <%--页面标题--%>
  <h2>用户登录</h2>
  <%--功能块--%>
  <div>
    <%--action=index，即此表单提交到indexServlet中--%>
    <form action="index" method="post">
      <%--用户名输入框--%>
      <p>用户名：<input type="text" name="userName"/></p>
      <%--密码输入框--%>
      <p>密&nbsp;&nbsp;&nbsp; 码：<input type="password" name="password"/></p>
      <%--得到error的值，即提示用户名密码错误的信息，利用三目运算符，如果此值为空则不显示，否则显示--%>
      <span style="color:red"><%= request.getAttribute("error")==null?"":request.getAttribute("error") %></span><br/>
      <%--登录按钮，提交信息--%>
      <input class="btn btn-info" type="submit" value="登录"/>
    </form>
  </div>
  </body>
</html>
